
export function Roll(){
    return (
        <div className={'h-screen bg-black py-32'}>
            <div className={'py-10 max-w-3xl mx-auto overflow-hidden group'}>
                <div className={'relative h-30 bg-slate-400 mask-x-from-80)'}>
                     <div className={'absolute h-full left-calc w-30 bg-rose-500 animate-scroll scroll-delay-1 group-hover:animate-paused'}></div>
                     <div className={'absolute h-full left-calc w-30 bg-rose-500 animate-scroll scroll-delay-2 group-hover:animate-paused'}></div>
                     <div className={'absolute h-full left-calc w-30 bg-rose-500 animate-scroll scroll-delay-3 group-hover:animate-paused'}></div>
                     <div className={'absolute h-full left-calc w-30 bg-rose-500 animate-scroll scroll-delay-4 group-hover:animate-paused'}></div>
                     <div className={'absolute h-full left-calc w-30 bg-rose-500 animate-scroll scroll-delay-5 group-hover:animate-paused'}></div>
                </div>
            </div>
        </div>
    )
}
